<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<!--RESET CSS-->
<style type="text/css">
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
</style>

<style type="text/css">
#allaboutyou {
height:328px;
width:297px;
position:relative;
font-family:Arial, Helvetica, sans-serif;
background:#FFFFFF;

}

#allaboutyou h1{
height:41px;
background:transparent url(images/header.png) no-repeat;
text-indent:-99999px;
width:100%;
}

#allaboutyou h1 a{
display:block;
height:41px;
}
#allaboutyou h2{
width:100%;
height:28px;
background:transparent url(images/tab.png) no-repeat;
text-indent:-99999px;
position:relative;
z-index:100;
}

#allaboutyou ul{
width:100%;
height:277px;
overflow:auto;
margin-top:-21px;
position:relative;
}
#allaboutyou ul li{
height:80px;
border-bottom:1px solid #dadada;
border-top:1px solid #dadada;
background-color:#f8f8f8;
margin-bottom:3px;
position:relative;
padding-right:10px;
}

#allaboutyou ul li img{
position:absolute;
top:0px;
left:0px;
}

#allaboutyou ul li h3{
margin-left:85px;
margin-top:6px;
font-size:15px;
color:#656565;
font-weight:bold;
}

#allaboutyou ul li:hover h3{
color:#089b94;
}
#allaboutyou ul li:hover{
cursor:pointer;
}

#allaboutyou ul li p{
margin-left:85px;
margin-top:10px;
font-size:11px;
color:#777777;
line-height:1.2;
}

#allaboutyou ul li a{
font-size:11px;
color:#777777;
display:none;
}

#footer {
height:12px;
margin-top:-9px;
position:relative;
width:100%;
background:transparent url(images/footer.png) repeat-x;
}


#allaboutyou ul #selected {
height:auto;
padding-bottom:30px;
cursor:default;

}

#allaboutyou ul #selected a.hide {
	position:absolute;
	bottom:7px;
	left:8px;
	display:inline;
}
#allaboutyou ul #selected a.view {
	position:absolute;
	bottom:7px;
	right:10px;
	display:inline;
}

#allaboutyou ul #selected a.hide:hover,
#allaboutyou ul #selected a.view:hover,
#allaboutyou ul #selected h3 {
	color:#089b94;
}


</style>

<!--[if lte IE 7]>
<style type="text/css">
#allaboutyou h2 { background:none!important;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="images/tab.png", sizingMethod="image");background-repeat:no-repeat; }
#allaboutyou #footer { background:none!important;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="images/footer.png", sizingMethod="image");background-repeat:repeat-x; }
#allaboutyou ul li{
zoom:1;
}

</style>
<![endif]-->
</head>
<body>
<div id="allaboutyou">
  <h1><a href="http://www.allaboutyou.com/craft/channel" target="_blank" title="All About You - Crafts">All About You</a></h1>
  <h2 class="png">Craft</h2>
  <ul>
    <li id="selected"> <img src="images/1.jpg" alt="" />
      <h3>Make Christmas cards with rubber stamps</h3>
      <p>Use simple rubber stamps and glittering gold and silver ink to make these pretty cards and add tiny metallic ribbon bows Cards from HobbycraftBauble stamp, ivy stamp and tree stamp, as before; silver and gold stamping ink, as before. All The English Stamp Company. Baubles, £5 for 24, Woolworths  All that...</p>
      <a class="hide" href="#">hide</a> <a class="view" href="#" target="_blank">learn how &raquo;</a> </li>
    <li> <img src="images/2.jpg" alt="" />
      <h3>Knit a Christmas tree decoration</h3>
      <p>In the December issue of Good Housekeeping we featured a...</p>
      <a class="hide" href="#">hide</a> <a class="view" href="#" target="_blank">learn how &raquo;</a> </li>
    <li> <img src="images/3.jpg" alt="" />
      <h3>Make a Christmas fairy decoration</h3>
      <p>Featured in the December 2008 issue of Good Housekeeping, this is an...</p>
      <a class="hide" href="#">hide</a> <a class="view" href="#" target="_blank">learn how &raquo;</a> </li>
    <li> <img src="images/1.jpg" alt="" />
      <h3>Knit a Christmas tree decoration</h3>
      <p>In the December issue of Good Housekeeping we featured a...</p>
      <a class="hide" href="#">hide</a> <a class="view" href="#" target="_blank">learn how &raquo;</a> </li>
    <li> <img src="images/1.jpg" alt="" />
      <h3>Knit a Christmas tree decoration</h3>
      <p>In the December issue of Good Housekeeping we featured a...</p>
      <a class="hide" href="#">hide</a> <a class="view" href="#" target="_blank">learn how &raquo;</a> </li>
    <li> <img src="images/1.jpg" alt="" />
      <h3>Knit a Christmas tree decoration</h3>
      <p>In the December issue of Good Housekeeping we featured a...</p>
      <a class="hide" href="#">hide</a> <a class="view" href="#" target="_blank">learn how &raquo;</a> </li>
  </ul>
  <div id="footer"></div>
</div>
</body>
</html>
